<template>
	<view class="card-item">
		<text :class="icon"></text>
		<text>{{ name }}</text>
	</view>
</template>

<script>
	export default {
		name:"CardItem",
		props:['icon','name'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.card-item{
				width: 223rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				margin: 20rpx 0;
				// border: 1px solid red;
				.iconfont{
					font-size: 50rpx;
					margin-bottom: 10rpx;
				}
			}
</style>